<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="easyui.css" />
<link rel="stylesheet" href="icon.css" />
<script type="text/javascript" src="jquery-1.7.2.js" ></script>
<script type="text/javascript" src="jquery.easyui.min.js" ></script>
</head>
<body>
	<!-- 属性设置:data-options -->
	<table class="easyui-datagrid" title="用户信息" style="width:700px;height:250px"
			data-options="singleSelect:true,collapsible:true,url:'datagrid_data1.json',method:'get',rownumbers:true">
		<thead>
			<tr>
				<th data-options="field:'id',width:80">用户id</th>
				<th data-options="field:'name',width:100">用户名</th>
				<th data-options="field:'phone',width:80,align:'right'">用户手机号</th>
				<th data-options="field:'age',width:80,align:'right'">用户年龄</th>
				<th data-options="field:'status',width:60,align:'center'">操作</th>
			</tr>
		</thead>
	</table>
</body>
	<script type="text/javascript">
		$(function(){
			$(".easyui-datagrid")datagrid('loadData',[{//加载本地数据
				id:,
				name:,
				phone:,
				age:,
			}])
		})	
	</script>
</html>